<template>
  <!--资金源-NEW-->
  <Card class="zjynew page-fill" style="height:900px">
    <div class="form-box">
      <v-form inline>
        <v-form-item label="" style="margin-bottom:0;">
          <v-input placeholder="描述"></v-input>
        </v-form-item>
        <v-form-item label="" style="margin-bottom:0;">
          <v-input placeholder="资金源名称"></v-input>
        </v-form-item>
        <v-form-item label="" style="margin-bottom:0;">
          <v-input placeholder="法人手机号"></v-input>
        </v-form-item>
        <v-form-item label="" style="margin-bottom:0;">
          <v-input placeholder="法人身份证"></v-input>
        </v-form-item>
        <v-form-item label="" style="margin-bottom:0;">
          <v-input placeholder="注册用户ID"></v-input>
        </v-form-item>
        <v-form-item label="" style="margin-bottom:0;">
          <v-input placeholder="放款方式"></v-input>
        </v-form-item>
        <v-button size="small" type="primary" @on-click="" style="margin-left:30px;">查询</v-button>
        <v-button size="small" type="green" @on-click="handleRouterGo('/zjyneweditor?type=0')"
                  style="margin-left:10px;">新增
        </v-button>
      </v-form>
    </div>
    <div class="table-data">
      <v-table :columns="columns1" :data="data1"></v-table>
    </div>
    <div class="pagi-box">
      <v-pagination  :total="total2" :current-page="currentPage2"
                     :page-size="pageSize2"
                     @on-page-change="handlePageChange2">
      </v-pagination>
    </div>
  </Card>
</template>

<script>
export default {
  data () {
    return {
      gdh: '',
      columns1: [
        {
          title: 'ID',
          key: 'id'
        },
        {
          title: '资金源名称',
          key: 'zjymc'
        },
        {
          title: '法人手机号',
          key: 'frsjh'
        },
        {
          title: '法人身份证',
          key: 'frsfz'
        },
        {
          title: '注册用户ID',
          key: 'zcyhid'
        },
        {
          title: '放款方式',
          key: 'fkfs'
        },
        {
          title: '状态',
          key: 'zt'
        },
        {
          title: '操作',
          render: function (h) {
            const vm = this
            return h('div', {}, [
              h('v-button', {
                props: {
                  type: 'text'
                },
                style: {
                  fontSize: '12px',
                  marginLeft: '5px'
                },
                on: {
                  'on-click' () {
                    vm.$router.push('/zjyneweditor')
                  }
                }
              }, '查询'),
              h('v-button', {
                props: {
                  type: 'text'
                },
                style: {
                  fontSize: '12px',
                  marginLeft: '5px'
                },
                on: {
                  'on-click' () {
                    vm.$router.push('/zjyneweditor?type=1')
                  }
                }
              }, '编辑'),
              h('v-button', {
                props: {
                  type: 'text'
                },
                style: {
                  fontSize: '12px',
                  marginLeft: '5px'
                },
                on: {
                  'on-click' () {

                  }
                }
              }, '删除')
            ])
          }.bind(this)
        }
      ],
      data1: [{ 'f': 2 }],
      total2: 1200,
      currentPage2: 1,
      pageSize2: 20
    }
  },
  methods: {
    handlePageChange2 (index) {
      this.currentPage2 = index
    },
    handleRouterGo (pathName) {
      this.$router.push(pathName)
    }
  }
}
</script>

<style lang="less">

</style>
